<%@page import="java.util.Vector"%>
<%@page import="GestioneOrdine.Ordine"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*"%>
<%@ page import="java.util.Map.Entry" %>
<%@ page import="java.util.HashMap" %>
<%@ page import="java.util.Vector" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script src="../js/jquery-1.11.1.min.js"></script>

<!-- Java Script per la Modifica -->
<script src="../js/RegistrazioneJavaScript.js"></script>

<!-- Java Script Bootstrap -->
<script src="../js/RegistrazioneBoot.js"></script>
<script src="../js/Storico.js"></script>

<!-- CSS per la Visualizzazione dello Storico-->
<link href="../css/Storico.css" rel="stylesheet" media="screen">

<!-- Css della barra -->
<link href="../css/BarraCSS.css" rel="stylesheet" type="text/css">

<!-- Css Profilo-Storico-Modifica -->
<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="../css/RegistrazioneCSS.css" rel="stylesheet"type="text/css">



<title>Pagina personale-Storico</title>
</head>
<body>

<!-- Creazione del java been  associato allutente-->
<jsp:useBean id="utente" scope="session" class="GestioneUtente.Utente" />

<!-- Creazione del java been  associato al data base -->
<jsp:useBean id="database" scope="page" class="GestioneDB.ConnessioneDB" />

<!-- Creazione del java been  associato allo storico-->
<jsp:useBean id="storico" scope="page" class="GestioneOrdine.Ordine" />
<jsp:useBean id="componente" scope="page" class="GestioneComponente.Componente" />
<%

System.out.println("PAGINA PERSONALE-Storico");
System.out.println("Utente "+utente.getEmail()+" Id "+utente.getId()+ " password "+utente.getPassword());	


%>


<!--  ////////////////////  Menu di Navigazione  /////////////////////////// --> 	  
      <div class="panel panel-info">
		<div class="panel-heading">
		  <h3 class="panel-title"> Storico
			<div id="dataPosition" style="float: right; font-size: 80%; position: relative;"> 
			</div>
		  </h3>
		</div>
		
<!--////////////////////// Fine Menu di Navigazione /////////////////////////-->

<!--  //////////////////  Tabella Riepilogo Ordini  //////////////////////// --> 	
 
 <%
    //Connessione ed interrogazione al DataBase    
	database.StartConnection();
 
    //Estrazione dei dati della richiesta
	String dataOrdine = request.getParameter("dataOrdine");
	String idordine = request.getParameter("ordine");
	boolean storicoError=false;
	
    //Estrazione dei dati riguardanti lo storico dell'utente
	ResultSet stor = database.ResultQuery("SELECT * FROM ordina as o  WHERE o.idutente='"+utente.getId()+"'");
	ResultSet storControl= stor;
	
	//Controllo che lo storico non sia vuoto
	if (!storControl.next()) {
		storicoError = true;
	   } 
	
	//Creazione della lista degli ordini dell'utente
	else{
	
		Ordine ordine = new Ordine();
		Vector<Ordine> ordiniUtente=ordine.getListaOrdiniCliente(utente.getId()); //Ordini eseguiti dall'utente
	   

	
 %>
 
 
 
 <div class="container">           
    <h1> <i class="fa fa-shopping-cart"></i> Ordini <small> - Per i dettagli seleziona un ordine</small> </h1>
        
    <hr>
        
    <table class="table table-hover">
      <thead>
        <tr>
          <th>#Codice</th>
          <th>Prodotto</th>
          <th>Stato</th>
          <th>Data</th>
        </tr>
      </thead>
      
 <%
    for(Ordine o:ordiniUtente){
    	
    	 %><tbody>
        <tr class="riga" id="<%=o.getIdordine()%>" >
           
           <td><span class="glyphicon glyphicon-chevron-down" id="p<%=o.getIdordine()%>" style="font-size: 10px"></span><%=o.getNumeroOrdine() %></td>
           <td>Ordine <%=o.getNumeroOrdine() %></td>
           <td><%=o.getStato() %></td>
           <td><%=o.getDataordine() %></td>
           
         </tr>
         <%
         	for(Entry<String, Integer> h:o.getListaComponenti().entrySet()){
         		componente.completaParametridaDatabase(h.getKey());
         %>
          <tr class="<%=o.getIdordine()%>" id="rigaNascosta" style="display: none;" >
           
           <td></td>
           <td class="<%=componente.getIdProdotto() %>" id="<%=o.getIdordine()%>"><% out.print(""+componente.getProduttore()+" "+componente.getNome()); %></td>
           <td></td>
           <td></td>
           
         </tr>
        <%
         	}
        %>
         
   
<%    	
    }
	}
%> 
        </tbody>
    </table> 
</div>
<script>
$('#rigaNascosta td:nth-child(2)').click(
		function() {
				var r=$(this).attr('class');
				var s=$(this).attr('id');
				$.ajax({
					url : 'SchedaComponentejsp.jsp',
					type : 'POST',
					data : {
						idprodotto : r,
						idordine : s
					},
					dataType : 'html',
					success : function(data) {
						$('#result').html(data);
						$('#myModal').modal('show');
					}
				})
			})
</script>
<div id="result"></div>
<!--  ////////////////  Fine Tabella Riepilogo Ordini  ///////////////////// -->  


<%

  System.out.println("////////////////////////////////////////////////");
	database.Close();

%>

<script src="../js/bootstrap.min.js"></script>

</body>
</html>